﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EWebsite.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script language="javascript" type="text/javascript" src="/Scripts/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/script.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var buttons = { previous: $('#jslidernews3 .button-previous'),
            next: $('#jslidernews3 .button-next')
        };

        var _complete = function (slider, index) {
            $('#jslidernews3 .slider-description').animate({ height: 0 });
            slider.find(".slider-description").animate({ height: 100 })
        }; ;
        $('#jslidernews3').lofJSidernews({ interval: 4000,
            direction: 'opacity',
            easing: 'easeOutBounce',
            duration: 1200,
            auto: true,
            mainWidth: 710,
            buttons: buttons,
            onComplete: _complete
        });
    });
</script>

    <div id="slider">
    <div id="jslidernews3" class="lof-slidecontent" style="width:710px; height:340px;">
	<div class="preload"><div></div></div>
            
            <div  class="button-previous">Previous</div>
                   
    <!-- MAIN CONTENT --> 
    <div class="main-slider-content" style="width:710px; height:340px;">
                <ul class="sliders-wrap-inner">
                    <li>
                           <img src="/images/img-1.jpg" title="Newsflash 2" >           
                          <div class="slider-description"><div class="description-wrapper">
                            <div class="slider-meta"><a target="_parent" title="Newsflash 1" href="#Category-1">/ Chúng tôi có ý nghĩa quan trọng với khách hàng /</a></div>   
                            <p>Chúng tôi hỗ trợ các chuyên gia trong thị trường pháp lý, kinh doanh, thuế, kế toán, tài chính, kiểm toán, rủi ro,...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div></div>
                    </li> 
                   <li>
                      <img src="/images/img-2.jpg" title="Newsflash 1" >           
                         <div class="slider-description"><div class="description-wrapper">
                           <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">/ Thế giới đang thay đổi với tốc độ ngày càng nhanh./</a>
                            <p>Chuyên gia trong tất cả các thị trường của chúng tôi cần phải lường trước và đáp ứng xu hướng thay đổi ở phía trước và chuyên môn của chúng tôi giúp họ với điều đó.
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div></div>
                  </li>  
                  <li>
                      <img src="/images/img-3.jpg" title="Newsflash 1" >           
                         <div class="slider-description"><div class="description-wrapper">
                           <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">/ Tạo ra giá trị/</a></div>
                            <p>Chúng tôi tạo ra giá trị bằng cách kết hợp thông tin, chuyên môn sâu, và công nghệ để cung cấp cho khách hàng với các giải pháp nâng cao chất lượng và hiệu quả của họ.
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div></div>
                  </li> 
                </ul>  	
        </div><!-- END MAIN CONTENT --> 
       
    <div class="button-next">Next</div>
 </div> 
    </div><!--#slider-->
    <h2 style="text-align: center;height: 30px;border-bottom: 1px #888 solid;margin-bottom: 10px;float:left;width:100%">
        Sản phẩm nổi bật</h2>
    <asp:ListView ID="listViewProducts" runat="server" ItemPlaceholderID="ProductItem">
        <ItemTemplate>
            <div class="product-item">
            <asp:HyperLink ID="HyperLink1" runat="server" 
                ImageUrl='<%# Eval("ProductPhotoURL") %>' 
                NavigateUrl='<%# Eval("ProductID", "/Product.aspx?p={0}") %>'></asp:HyperLink>            
                <div class="right-content">
                    <h4>
                        <asp:HyperLink ID="HyperLink2" runat="server"
                        NavigateUrl='<%# Eval("ProductID", "/Product.aspx?p={0}") %>'><%# Eval("ProductName") %></asp:HyperLink>
                    </h4>
                    <div class="des"><%# Eval("ProductDescription") %></div>
                </div>
            </div>
        </ItemTemplate>
        <LayoutTemplate>
            <asp:PlaceHolder ID="ProductItem" runat="server"></asp:PlaceHolder>
        </LayoutTemplate>
    </asp:ListView>
    <asp:DataPager ID="DataPagerProducts" runat="server" PagedControlID="listViewProducts"
        PageSize="3" OnPreRender="DataPagerProducts_PreRender">
        <Fields>
            <asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False" />
            <asp:NumericPagerField />
            <asp:NextPreviousPagerField ShowLastPageButton="True" ShowPreviousPageButton="False" />
        </Fields>
    </asp:DataPager>
</asp:Content>
